<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<meta name="description" content="Bootstrap Admin App + jQuery">
		<meta name="keywords" content="app, responsive, jquery, bootstrap, dashboard, admin">
		<title>殡仪馆管理</title>
		<!-- =============== VENDOR STYLES ===============-->
		<!-- FONT AWESOME-->
		<link rel="stylesheet" href="css/fontawesome/css/font-awesome.min.css">
		<!-- SIMPLE LINE ICONS-->
		<link rel="stylesheet" href="css/simple-line-icons/css/simple-line-icons.css">
		<!-- ANIMATE.CSS-->
		<link rel="stylesheet" href="css/animate.css/animate.min.css">
		<!-- WHIRL (spinners)-->
		<link rel="stylesheet" href="css/whirl/dist/whirl.css">
		<!-- =============== PAGE VENDOR STYLES ===============-->
		<!-- DATATABLES-->
		<link rel="stylesheet" href="css/datatables-colvis/css/dataTables.colVis.css">
		<!--<link rel="stylesheet" href="css/dataTables.fontAwesome/index.css">-->
		<link rel="stylesheet" type="text/css" href="css/datatables/media/css/jquery.dataTables.min.css">
		<!-- =============== BOOTSTRAP STYLES ===============-->
		<link rel="stylesheet" href="css/bootstrap.css" id="bscss">
		<!-- =============== APP STYLES ===============-->
		<link rel="stylesheet" href="css/app.css" id="maincss">
		<link rel="stylesheet" href="css/myself.css" id="maincss1">
	</head>

	<body>
		<div class="wrapper">
			<!--header start-->
			<script type="text/javascript" src="header.html"></script>
			<!--header end-->
			<!-- sidebar-->
			<script type="text/javascript" src="left_sidebar.html"></script>
			<!-- offsidebar-->
			<!-- Main section-->
			<section>
				<div class="content-wrapper">
					<h3 class="dogo-css-h3"><span id="txt"></span></h3>
					<div class="row">
						<div class="col-lg-3">
							<div class="panel panel-default">
								<div class="dogo-css-infoimg">
									<img class="dogo-css-infoimg1" src="img/timg.jpg"/>
								</div>
							</div>
						</div>
						<aside class="col-lg-9">
							<div class="row">
								<div class="col-lg-12">
									<div class="panel panel-default">
										<div class="panel-body dogo-css-infodiv">
											<div>公墓详情介绍</div>
										</div>
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-lg-12">
									<div class="row">
										<div class="col-lg-4">
											<div class="panel panel-default">
												<div class="panel-body">
													<p class="dogo-css-infop">所属区域：<span>xxx区</span></p>
												</div>
											</div>
										</div>
										<div class="col-lg-4">
											<div class="panel panel-default">
												<div class="panel-body">
													<p class="dogo-css-infop">负责人：<span>微微</span></p>
												</div>
											</div>
										</div>
										<div class="col-lg-4">
											<div class="panel panel-default">
												<div class="panel-body">
													<p class="dogo-css-infop">联系电话：<span>15263258966</span></p>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-lg-12">
									<div class="row">
										<div class="col-lg-3">
											<div class="panel panel-default">
												<div class="panel-body">
													<p class="dogo-css-infop1">墓穴数</p>
													<p class="dogo-css-infop2"><span>20</span></p>
												</div>
											</div>
										</div>
										<div class="col-lg-3">
											<div class="panel panel-default">
												<div class="panel-body">
													<p class="dogo-css-infop1">已安葬数</p>
													<p class="dogo-css-infop2"><span>20</span></p>
												</div>
											</div>
										</div>
										<div class="col-lg-3">
											<div class="panel panel-default">
												<div class="panel-body">
													<p class="dogo-css-infop1">空穴数</p>
													<p class="dogo-css-infop2"><span>20</span></p>
												</div>
											</div>
										</div>
										<div class="col-lg-3">
											<div class="panel panel-default">
												<div class="panel-body">
													<p class="dogo-css-infop1">使用率</p>
													<p class="dogo-css-infop2"><span>20</span></p>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</aside>
					</div>
					<div class="row ">
						<div class="col-lg-3 ">
							<div class="panel panel-body panel-default dogo-css-tombbox">
								<ul class="dogo-css-areaul">
									<li>
										<em class="fa fa-object-ungroup"></em>
										<span>平邑县公墓</span>
										<ul class="dogo-css-arealist dogo-css-arheight">
											<li class="active">
												<p><em class="fa fa-object-group dogo-css-areaem"></em>1区</p>
											</li>
											<li>
												<p><em class="fa fa-object-group dogo-css-areaem"></em>2区</p>
											</li>
											<li>
												<p><em class="fa fa-object-group dogo-css-areaem"></em>3区</p>
											</li>
											
										</ul>
									</li>
								</ul>
							</div>
							<!--panel-->
						</div>
						<!--col-->
						<div class="col-lg-3">
							<div class="panel panel-body panel-default dogo-css-tombbox">
								<div class="dogo-css-areahbtn">
									<span class="dogo-css-checkBtn1" data-toggle="modal" data-target="#myModal"><img src="img/add.png">新增排</span>
									<span class="dogo-css-checkBtn1"><img src="img/delete.png">删除排</span>
								</div>
								<ul class="dogo-css-areaul">
									<li>
										<ul class="dogo-css-arealist dogo-css-arheight" style="padding-left: 0;">
											<!--<em class="fa fa-object-ungroup"></em>-->
											<li class="active">
												<p><em class="fa fa-tasks dogo-css-areaem"></em>1排</p>
											</li>
											<li>
												<p><em class="fa fa-tasks dogo-css-areaem"></em>2排</p>
											</li>
											<li>
												<p><em class="fa fa-tasks dogo-css-areaem"></em>3排</p>
											</li>
											<li>
												<p><em class="fa fa-tasks dogo-css-areaem"></em>4排</p>
											</li>
											
										</ul>
									</li>
								</ul>
							</div>
						</div>
						<!--col-->
						<div class="col-lg-6">
							<div class="panel panel-body panel-default dogo-css-tombbox" >
								
								<div class="dogo-css-areahbtn">
									<span class="dogo-css-checkBtn1" data-toggle="modal" data-target="#myModal"><img src="img/add.png">新增墓穴</span>
									<span class="dogo-css-checkBtn1"><img src="img/delete.png">删除墓穴</span>

								</div>
								<div class="row dogo-css-graverow dogo-css-arheight">
									<div class="col-sm-2">
										<div class="dogo-css-grave">
											<p class="dogo-css-gravetxt1">1号</p>
											<p class="dogo-css-gravetxt">详情</p>
										</div>
									</div>
									<div class="col-sm-2">
										<div class="dogo-css-grave">
											<p class="dogo-css-gravetxt1">1号</p>
											<p class="dogo-css-gravetxt">详情</p>
										</div>
									</div>
									<div class="col-sm-2">
										<div class="dogo-css-grave">
											<p class="dogo-css-gravetxt1">1号</p>
											<p class="dogo-css-gravetxt">详情</p>
										</div>
									</div>
									<div class="col-sm-2">
										<div class="dogo-css-grave">
											<p class="dogo-css-gravetxt1">1号</p>
											<p class="dogo-css-gravetxt">详情</p>
										</div>
									</div>
									<div class="col-sm-2">
										<div class="dogo-css-grave">
											<p class="dogo-css-gravetxt1">1号</p>
											<p class="dogo-css-gravetxt">详情</p>
										</div>
									</div>
									<div class="col-sm-2">
										<div class="dogo-css-grave">
											<p class="dogo-css-gravetxt1">1号</p>
											<p class="dogo-css-gravetxt">详情</p>
										</div>
									</div><div class="col-sm-2">
										<div class="dogo-css-grave">
											<p class="dogo-css-gravetxt1">1号</p>
											<p class="dogo-css-gravetxt">详情</p>
										</div>
									</div>
									
								</div>

							</div>
						</div>
						<!--col-->
					</div>
				</div>
			</section>
		</div>

			<!-- =============== VENDOR SCRIPTS ===============-->
			<!-- JQUERY-->
			<script src="js/jquery/dist/jquery.js"></script>
			<!-- BOOTSTRAP-->
			<script src="js/bootstrap/dist/js/bootstrap.js"></script>
			<!-- STORAGE API-->
			<script src="js/jQuery-Storage-API/jquery.storageapi.js"></script>
			<!-- DATATABLES-->
			<script src="js/datatables/media/js/jquery.dataTables.min.js"></script>
			<!-- =============== APP SCRIPTS ===============-->
			<script src="js/app.js"></script>
			<script src="js/myself.js"></script>
	        <
	</body>

</html>